<template>
	<view class="pb120">
		<!-- <u-sticky>
			<view class="w750 pd15 bgf6">
				<view class="d-bt mg030">
					<u-tag text="空闲" type="info" />
					<u-tag text="正常" type="success" />
					<u-tag text="借用" type="warning" />
					<u-tag text="缺货" type="error" />
				</view>
			</view>
		</u-sticky> -->
		<view class="w720 mg15 d-col">
			<view v-for="(item, index) in lists" :key="index" class="w660 mg10 border_1_333333 br30 pd20"
				@click="changeInfo(item)">
				<view class="d-bt">
					<view class="w150 h150">
						<image style="width: 150rpx; height: 150rpx;" :src="item.deviceImg"></image>
					</view>
					<view class="w510 ml10 d-col">
						<view class="fts24">名称:{{ item.deviceName }}</view>
						<view class="fts24 mt10">规格:{{ item.deviceSpec }}</view>
						<view class="fts24 mt10">类型:{{ item.typeName }}</view>
					</view>
				</view>
			</view>
		</view>
		<!-- <view class="pos_bottom w750 h100 bgf9 d-row">
			<view class="w450 h100 pd030 d-left">已选择: {{num}}</view>
			<view class="w300 bg_3274CB h100 d-center ftc_fff" @click="$common.navigateTo('/pages/device/audit/index')">
				提交申请</view>
		</view> -->
	</view>
</template>
<script>
	import mixin from "./mixin";
	import mixinCom from "@/utils/mixinCom.js";
	export default {
		name: "tabbarIndex",
		mixins: [mixin, mixinCom]
	}
</script>

<style lang="scss" scoped>
	@import './index.scss';
</style>